<template>
    <div class="sbnum">
        <p>
            <span>执法车设备数量：</span>
            <span>{{shebeiData.zfCount}}台</span>
        </p>
        <p>
            <span>渣土车设备数量：</span>
            <span>{{shebeiData.ztcCount}}台</span>
        </p>
        <p>
            <span>监控设备数量：</span>
            <span>{{shebeiData.count}}台</span>
        </p>
    </div>
</template>

<script>
import { VideoListDB } from '@/api'

export default {
    data() {
        return {
            shebeiData: {}
        }
    },
    mounted() {
        this.getVehicleNumberFn()
    },
    methods: {
        getVehicleNumberFn() {
            VideoListDB.getVehicleNumberDB().then(res => {
                console.log(res, 'getVehicleNumberDB')
                this.shebeiData = res.data
            })
        }
    }
}
</script>

<style lang="less" scoped>
.sbnum {
    width: 100%;
    padding: 30px 10px;

    p {
        font-size: 22px;
        font-family: Noto Sans S Chinese;
        font-weight: 400;
        font-style: italic;
        color: #9ed5ff;
        text-align: right;
        margin-bottom: 50px;
        display: flex;

        &:last-child {
            margin: 0;
        }

        span {
            display: block;
        }
    }
}
</style>